<template>
    <div id="tab-bar">
        <slot></slot>
        <div style="clear: both"></div>
    </div>
</template>
<script>
export default {
    name: "bar",
};
</script>
<style scoped>
#tab-bar {
    /* margin: 0 auto; */
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    font-size: 0.22rem;
    line-height: 0.2rem;
    right: 0;
    bottom: 0;
    box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.05);
    padding-bottom: calc(0.1rem + env(safe-area-inset-bottom));
    box-sizing: border-box;
}
</style>
